原创精选|Google 最新的设计语言 MATERIAL YOU 来了,7 年以来最大更新
▲点击"三分设"关注,回复"社群"加入我们
欢迎来到专业设计师学习交流社区三分设|连接知识,助力全球 1 亿设计师成长共 5287 字 19 图 预计阅读 14 分钟
谷歌推出的全新设计语言 Material You,让“你”成为共同创造者。基于壁纸的主题、可变的字体、灵活的图形、全新的动画细节及部件,或将引发新的设计潮流。除了设计上的变化,本文还将详细阐述 Material You 是什么样的,及其对用户、商业和开发将带来哪些影响。
就在 21 年 10 月,谷歌终于正式发布 Android 12.0 版本。在这之前,我也看过 5 月和 6 月发布的两次测试版本的介绍。Android 12.0 更新的重要部分,就是推出了一款全新的设计语言 Material You,在我们社区中引起了广泛关注。
“我们重新考虑了整个体验,包括颜色、形状、光线和动态,使 Android 12 更具表现力、动感和个性化。这项工作是在我们的软件团队、硬件团队与 Material 设计团队之间的深度合作下完成的。我们将将软硬件生态系统统一起来,并赋予这款设计语言命名为 Material You 。”这就是来自于 Android 开发者博客中关于 Google 新 UI 的介绍。
Material You 是如何改变移动应用程序开发呢?全新的谷歌材料设计语言对软件工程带来哪些影响?如何应对这些变化?本文将进一步回答以上所有问题。
Part 1
全新的谷歌材料设计语言:
它是什么样的?
谷歌在 2014 年首次提出了制作设计材料的概念。它包括对表面和阴影、颜色和边距、网格和 UI 元素(如触摸波纹和浮动操作按钮)进行更新的愿景。这些材料设计组件(material design components)很快便形成了谷歌材料设计指南,并回答了“什么是谷歌材料设计?”这一问题。
此次推出的谷歌材料设计规范是什么?这种新的设计语言被称为 Material You,它让“你”成为共同创造者,让用户能够改变他们所有的应用程序外观和感觉。谷歌的新材料设计三大主要原则是分别是舒适、突破和活力,这在 Android 12 上是如何实现的呢?
1 适配所有设备类型和尺寸是关键
随着智能手机的特性和功能不断增加,“一刀切”的传统做法已经过时了。用户界面(UI)需要以一致且人性化的方式对屏幕变化作出反应。响应式布局让用户可以将小部件适配到手机、平板电脑、可折叠设备和其他屏幕上。
2 每个人都可以使用
通过 Material You,系统可以轻松调整组件的尺寸、对比度和线宽,以满足不同用户的可访问性(无障碍)需求。
3 基于壁纸的主题(或颜色提取)
意味着用户设置壁纸图像后,将自动生成基于该图像颜色的自定义调色板。为此,谷歌采用了一种带有材料颜色目标的聚类算法来确定哪些颜色为主色,哪些颜色为辅助色,哪些颜色只是搭配起来很棒,以便于之后将色调应用于界面的不同部分
基于壁纸的主题
4 可变字体技术
谷歌应用程序开始使用 Google Sans Text ,这是谷歌 Sans 家族的一个新成员。它们采用了可变字体技术,能够将一系列调整或变化聚合到一个文件中。该设计系统具备打破形式的自适应能力。
可试读31%